<template>
	<div class="add-jq-dialog">
		<!--添加仓库-->
		
		
		<appdialog 
			ref="dialog"
			:visible="false" 
			title="图标"
			width="30%"
			@confirm="confirmAdd"
			@cancle="cancleAdd"
			>
      <div style="height:300px;">
        <div v-for="item in icondata" :key="item.index"  
             style="width:45px;height:45px;margin:0 12px;display:inline-block;">
             <a :title="item.titel" style="text-decoration:none;cursor: pointer;"  @click="handleChoose(item)">
                  <i :class="'iconfont ' + item.icon" style="font-size:30px;margin-left:4px;"></i>
             </a>
        </div>
        
      </div>
		</appdialog>
		
		
		
	</div>
</template>

<script>

import appdialog from "@/view/components/dialog/dialog";
import {save} from "@/service/swagger/ResourceClusterController"

export default {
	name: "addJQDialog",
	components: {
		appdialog,
	
	},
	data() {
    return {
      icondata:[
        {titel:'概览',icon:'icon-gailan'},
        {titel:'云资源管理',icon:'icon-yunziyuan'},
        {titel:'应用仓库',icon:'icon-cangku'},
        {titel:'运行实例',icon:'icon-shili'},
        {titel:'监控管理',icon:'icon-jiankong1'},
        {titel:'日志管理',icon:'icon-rizhi'},
        {titel:'系统管理',icon:'icon-network'},
        {titel:'部门',icon:'icon-drxx45'},
        {titel:'升级',icon:'icon-shengji'},
        {titel:'设置',icon:'icon-chilunshezhi'},
        {titel:'禁用',icon:'icon-stop'},
        {titel:'详情',icon:'icon-detail'},
        {titel:'搜索',icon:'icon-search'},
        {titel:'发布',icon:'icon-bushu'},
        {titel:'问号',icon:'icon-wenhao'},
        {titel:'笔',icon:'icon-write'},
        {titel:'主机',icon:'icon-yunzhuji'},
        {titel:'集群',icon:'icon-jiqun'},
        {titel:'返回',icon:'icon-fanhui'},
        {titel:'开关',icon:'icon--kaishiguanbi'},
        {titel:'齿轮',icon:'icon-chilunshezhi'},
      ]
    }
  },
  mounted() {
  	
  },
	methods:{
   	open(){
   		this.$refs.dialog.open();
		},
		close(){
			this.$refs.dialog.close();
    },
    handleChoose(item){
      this.close()
      this.$emit('handleIcon',item.icon)
    },
    confirmAdd(){

    },
   	cancleAdd(){
   		
   	}
	}
}
</script>

<style scoped lang="scss">
/* @import "../../../styles/variables.scss"; */


</style>